.tags {
        width: 80%;
        //padding: 0 20px;
        //border: 1px solid var(--bg);
        //box-sizing: border-box;
        font-size: 14px;
        display: flex;
        justify-content: center;
        margin: 20px auto 0;
        flex-wrap: nowrap;
        overflow-x: hidden;
        position: relative;
        //animation: slide 5s linear infinite;

        .item {
          padding: 0 10px;
          flex-shrink: 0;
          height: 20px;
          color: white;
          border-radius: 5px;
          margin-left: 10px;
          margin-bottom: 5px;
        }

        .item:nth-child(3n+1) {
          background-color: #ff9800;
        }

        .item:nth-child(3n+2) {
          background-color: #dd6161;
        }

        .item:nth-child(3n+3) {
          background-color: #26c6da;
        }

        .item:nth-child(3n+4) {
          background-color: #3a8ee6;
        }

        .add_tag {
          background-color: #409EFF;
        }
      }